<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        /*
        
            Vue 在更新 DOM 时是异步执⾏的。当数据发⽣变化， Vue 将开启⼀个异步更新
            队列，视图需要等队列中所有数据变化完成之后，再统⼀进⾏更新

            如果没有 nextTick 更新机制，那么 num 每次更新值都会触发视图更新(上⾯这段代码也就是会更
            新10万次视图)，有了 nextTick 机制，只需要更新⼀次，所以 nextTick 本质是⼀种优化策略

            原理：异步队列，微任务优先，当 Vue 观察到数据变化时，它不会立刻更新 DOM，而是将这些更新暂存起来。
            Vue 会等待当前的调用栈清空后（即当前的同步代码执行完毕），再批量执行这些更新


            场景: 访问或操作更新后的 DOM
                处理动画或过渡效果：
                确保顺序执行多个状态更新
        */ 
    </script>
</body>
</html>